<template>
    <ul class="suggestion_list">
        <li class="suggestion_item" v-for="suggestion, index in data.suggestion" :key="index">{{ suggestion }}</li>
    </ul>

</template>

<script setup>
    defineProps(["data"])
</script>

<style scoped>
    .suggestion_list {
        margin-top: 20px;
    }
    .suggestion_item {
        margin-top: 8px;
        font-size: 18px
    }
</style>